@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

/* ::::: Popup ::::: */

#tabscopePopup {
	border-width: 1px;
	padding: 2px !important;
}

.tabscope-label {
	padding: 3px;
	margin: 0px !important;
}

.tabscope-canvas-box {
	padding: 3px;
	border: 1px solid ThreeDLightShadow;
}

html|canvas {
	display: block;
}


/* ::::: Toolbar ::::: */

toolbarbutton {
	list-style-image: url("chrome://tabscope/skin/toolbaricons.png");
	-moz-appearance: none;
	border: none !important;
	padding: 0px;
	margin: 2px;
}

toolbarbutton image {
	margin: 0px !important;
}

/* Back */
.tabscope-back {
	-moz-image-region: rect(0px 16px 16px 0px);
}

.tabscope-back:hover {
	-moz-image-region: rect(16px 16px 32px 0px);
}

.tabscope-back:hover:active {
	-moz-image-region: rect(32px 16px 48px 0px);
}

.tabscope-back[disabled="true"] {
	-moz-image-region: rect(48px 16px 64px 0px) !important;
}

/* Forward */
.tabscope-forward {
	-moz-image-region: rect(0px 32px 16px 16px);
}

.tabscope-forward:hover {
	-moz-image-region: rect(16px 32px 32px 16px);
}

.tabscope-forward:hover:active {
	-moz-image-region: rect(32px 32px 48px 16px);
}

.tabscope-forward[disabled="true"] {
	-moz-image-region: rect(48px 32px 64px 16px) !important;
}

/* Reload */
.tabscope-reload {
	-moz-image-region: rect(0px 48px 16px 32px);
}

.tabscope-reload:hover {
	-moz-image-region: rect(16px 48px 32px 32px);
}

.tabscope-reload:hover:active {
	-moz-image-region: rect(32px 48px 48px 32px);
}

.tabscope-reload[disabled="true"] {
	-moz-image-region: rect(48px 48px 64px 32px) !important;
}

/* Stop */
.tabscope-stop {
	-moz-image-region: rect(0px 64px 16px 48px);
}

.tabscope-stop:hover {
	-moz-image-region: rect(16px 64px 32px 48px);
}

.tabscope-stop:hover:active {
	-moz-image-region: rect(32px 64px 48px 48px);
}

.tabscope-stop[disabled="true"] {
	-moz-image-region: rect(48px 64px 64px 48px) !important;
}

/* Close */
.tabscope-close {
	-moz-image-region: rect(0px 80px 16px 64px);
}

.tabscope-close:hover {
	-moz-image-region: rect(16px 80px 32px 64px);
}

.tabscope-close:hover:active {
	-moz-image-region: rect(32px 80px 48px 64px);
}

.tabscope-close[disabled="true"] {
	-moz-image-region: rect(48px 80px 64px 64px) !important;
}

/* Zoom */
.tabscope-zoom {
	-moz-image-region: rect(0px 96px 16px 80px);
}

.tabscope-zoom:hover {
	-moz-image-region: rect(16px 96px 32px 80px);
}

.tabscope-zoom:hover:active {
	-moz-image-region: rect(32px 96px 48px 80px);
}

.tabscope-zoom[disabled="true"] {
	-moz-image-region: rect(48px 96px 64px 80px) !important;
}

